import * as React from "react"
import * as ReactDOM from "react-dom"
import index from './index.less'
 class Put extends React.Component{
	render() {
		return (
			<div className={index.wrapper}>
			<header>
					<div className={index.header_box}>
						<a href="./index.html" className={index.logo}>时间胶囊</a>
				<ul className={index.tab}>
				  <li><a href="./index.html">首页</a></li>
				  <li className={index.active}><a href="javascript:;">添加</a></li>
				  <li><a href="./open.html">打开</a></li>
				  <li>
					<a href="javascript:;">回胶囊日记</a>
				  </li>
				</ul>
			  </div>
			</header>
			<div className={index.content}>
			  <h3 className={index.content_title}>添加胶囊</h3>
			  <div className={index.content_form}>
				<form method="GET">
				  <label htmlFor="username">你的名字</label>
				  <div className={index.error}>名字 必须填写.</div>
				  <p>
					<input type="text" name="username" id={index.username} />
				  </p>
				  <label htmlFor="">你的邮箱</label>
				  <div className={index.error}>邮箱 必须填写.</div>
				  <p><input type="email" /></p>
				  <label htmlFor="">打开时间</label>
				  <div className={index.error}>打开时间 必须填写.</div>
				  <p>
					<input type="text" value="" className={index.openTime} />
					<span className={index.tip}>打开时间之前，胶囊内容是看不到的。</span>
				  </p>
				  <label htmlFor="">胶囊内容</label>
				  <div className={index.error}>内容 必须填写.</div>
				  <p>
					<textarea
					  name=""
					  id=""
					  cols={50}
					  rows={8}
					  className={index.text_one}
					></textarea>
					<span className={index.tip}>胶囊内容不能超过5000字。</span>
				  </p>
	  
				  <label htmlFor="">未到期提示信息</label>
				  <p>
					<textarea
					  name=""
					  id=""
					  cols={50}
					  rows={3}
					  className={index.text_two}
					></textarea>
					<span className={index.tip}>在 打开时间 之前打开胶囊，会看到提示信息</span>
				  </p>
				  <button className={index.addText} type="button">添加胶囊</button>
				</form>
			  </div>
			</div>
		  </div>
		)
	}
}
export default Put